<template>
    <div>
            <mu-bottom-nav class="botnav" :value.sync="shift" shift >
                <mu-bottom-nav-item value="home" title="首页" icon="home" to="/index"></mu-bottom-nav-item>
                <mu-bottom-nav-item value="find" title="发现" icon="visibility" to="/find"></mu-bottom-nav-item>
                <mu-bottom-nav-item value="share" title="资讯" icon="panorama" to="/share"></mu-bottom-nav-item>
                <mu-bottom-nav-item value="mine" title="个人" icon="account_circle" to="/login"></mu-bottom-nav-item>
            </mu-bottom-nav>
    </div>
</template>
<script>
import axios from "axios";
export default {
  data() {
    return {
      shift: "mine",
    };
  },
  methods:{
  },
};
</script>
<style>
.botnav {
  position: fixed;
  bottom: 0;
  height: 10%;
  width: 100%;
}
.navcon{
    bottom: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
}



</style>
